<div id="content" class="nowGpsHtml">
	<div class="row s_page_title y_map_title">
		<sa-big-breadcrumbs [items]="['车辆定位管理','重量监控']" icon="fa fa-car" class="col-xs-12 col-sm-7 col-md-7 col-lg-4"></sa-big-breadcrumbs>
	</div>
	<div style="height:85vh;position: relative;min-height: 600px;border-radius: 0 4px 4px 0;" id='wrap'> 
		<div  class="col-xs-12 col-sm-6 col-md-3 no-padding" style="height: 100%;">
			<car-trees (outerSend)="getCartreeMess($event)"></car-trees>
		</div>
		<div class="well-sm col-xs-12 col-sm-6 col-md-9 treeRight" style="height: 100%;background: none;overflow: hidden;background-image: radial-gradient(#021027, #000000);">
			<div (click)="oppenPopup(auditModal)" class="setupIcon">
				<img src="assets/img/trackImage/setUp.png" alt=""  style="width: 100%;" />
			</div>
			<div *ngIf="!isClick"><img src="assets/img/trackImage/truck.svg" alt="" /></div>
			<div class="weightContent" > 
				<div *ngIf="!isClick" class="isBeforClick" style="">请点击列表在线车辆</div>
				<!--<div *ngIf="isClick" style="transform: rotate3d(16,161,18,-37deg);">-->
				<div [hidden]="!isClick">
					<div class="weightBox">
						<span  style="font-size:18px;font-weight: bold;position: relative;top: -24px;">当前重量
							<img src="assets/img/trackImage/truck.svg" alt=""  draggable="false" style="width: 280px;position: absolute;left: -140px;bottom: -118px;"/>
							<span style="width: 60px;border-top:1px solid #bccfdc;position: absolute;top:-72px;left: -150px;"></span>
							<span style="width: 25px;border-top:1px solid #bccfdc;position: absolute;left:-94px;top: -64px; transform: rotate(45deg);;"></span>
							<div style="text-align: left;position: absolute;top:-95px;left: -150px;font-size: 14px;">车牌:{{carNumber}}</div>
						</span>
						<span [ngClass]='{isOutStyle:carWeight>=outWeight}' class="nowWeight"> {{carWeight}}</span> 
						<span>{{weightUnit}}</span>
					</div>
					<!--折线图-->
					<!--<div style="border-radius: 5px;margin-top: 50px;" id="weightWarp">
						<div id="weightChart" class="weightChart" style="width: 480px;height: 200px;left: 50%;margin-left: -240px;"></div>
					</div>-->
				</div>
			</div>
			<div  class="" style="color: #bccfdc;padding-left: 40px;">刷新频率 {{frequency}} 秒,核载量 {{outWeight}}{{weightUnit}}</div>
			<!--css3 特效-->
			<div class="container" *ngIf="isClick"> 
				<div *ngFor="let item of circleArr" class="circle-container">
					<div class="circle"></div>
				</div>
			</div>
			<!-- 参数配置   弹窗-->
			<div bsModal #auditModal="bs-modal" id="resetOrderModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
				<div class="modal-dialog modal-lg" style="width: 300px;position: fixed;right: 22px;">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" (click)="closePopup(auditModal)" aria-label="Close">
				            	<span aria-hidden="true">&times;</span>
				          	</button>
							<h4 class="modal-title">配置监控参数</h4>
						</div>
						<div class="modal-body">
							<div class="top_module form-group">
								<span class="module_text">刷新频率(秒):</span>
								<div class="">
									<input class="form-control" [(ngModel)]='befoFrequency' id="frequency"    name="frequency" type="number" placeholder="请输入监控频率（秒）" onkeyup="this.value=this.value.replace(/\D/g,'')" />
								</div>
							</div>
							<div class="top_module form-group">
								<span class="module_text">核载量:</span>
								<div class="">
									<input class="form-control" [(ngModel)]='befoOutWeight'   id="outWeight"  name="outWeight" type="number" placeholder="重量阀值" onkeyup="this.value= this.value.match(/^[+-]?\d*(\.?\d{0,2})/g)[0]" />
								</div>
							</div>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-default" (click)="closePopup(auditModal)">取消</button>
							<button type="button" class="btn btn-primary" (click)="setUp(auditModal)">确认</button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
